﻿<!DOCTYPE html>
<html>
  <head>
    <title>头像 Avatar</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=1440, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/___avatar/styles.css" type="text/css" rel="stylesheet"/>
    <link href="http://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/___avatar/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (元件标题) -->

      <!-- 背景 (Dynamic Panel) -->
      <div id="u1952" class="ax_default" data-label="背景">
        <div id="u1952_state0" class="panel_state" data-label="State1" style="">
          <div id="u1952_state0_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- 线条 (Dynamic Panel) -->
      <div id="u1953" class="ax_default" data-label="线条">
        <div id="u1953_state0" class="panel_state" data-label="State1" style="">
          <div id="u1953_state0_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1954" class="ax_default _默认样式">
        <div id="u1954_div" class=""></div>
        <div id="u1954_text" class="text ">
          <p><span style="font-family:'FontAwesome Bold', 'FontAwesome Regular', 'FontAwesome';"></span><span style="font-family:'微软雅黑 Bold', '微软雅黑';"> 元件标题</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1955" class="ax_default _默认样式">
        <div id="u1955_div" class=""></div>
        <div id="u1955_text" class="text ">
          <p><span style="font-family:'FontAwesome';font-weight:400;"></span><span style="font-family:'微软雅黑';font-weight:400;"> </span><span style="font-family:'FontAwesome';font-weight:400;">作品首页</span></p>
        </div>
      </div>

      <!-- Unnamed (版权信息) -->

      <!-- Unnamed (Rectangle) -->
      <div id="u1957" class="ax_default _默认样式">
        <img id="u1957_img" class="img " src="images/___icons/u605.png"/>
        <div id="u1957_text" class="text ">
          <p><span>Copyright © </span><a id="u1958" class="link"><span>http://t.cn/EPh287q</span></a><span>, All Rights Reserved.</span></p><p><span>打造高保真原型，快人一步</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u1959" class="ax_default" data-left="20" data-top="100" data-width="1100" data-height="90">

        <!-- Unnamed (Rectangle) -->
        <div id="u1960" class="ax_default _默认样式">
          <div id="u1960_div" class=""></div>
          <div id="u1960_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">使用说明</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">用来代表用户或事物，支持图片、图标或字符展示。带徽标的头像通常用于消息提示。</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1961" class="ax_default _默认样式">
          <div id="u1961_div" class=""></div>
          <div id="u1961_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1962" class="ax_default _默认样式">
        <div id="u1962_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1963" class="ax_default _默认样式">
        <div id="u1963_div" class=""></div>
        <div id="u1963_text" class="text ">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1964" class="ax_default _默认样式">
        <div id="u1964_div" class=""></div>
        <div id="u1964_text" class="text ">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1965" class="ax_default _默认样式">
        <div id="u1965_div" class=""></div>
        <div id="u1965_text" class="text ">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1966" class="ax_default _默认样式">
        <div id="u1966_div" class=""></div>
        <div id="u1966_text" class="text ">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1967" class="ax_default _默认样式">
        <div id="u1967_div" class=""></div>
        <div id="u1967_text" class="text ">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1968" class="ax_default _默认样式">
        <div id="u1968_div" class=""></div>
        <div id="u1968_text" class="text ">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1969" class="ax_default _默认样式">
        <div id="u1969_div" class=""></div>
        <div id="u1969_text" class="text ">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1970" class="ax_default _默认样式">
        <div id="u1970_div" class=""></div>
        <div id="u1970_text" class="text ">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1971" class="ax_default _默认样式">
        <div id="u1971_div" class=""></div>
        <div id="u1971_text" class="text ">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u1972" class="ax_default" data-left="780" data-top="520" data-width="100" data-height="100">

        <!-- Unnamed (Rectangle) -->
        <div id="u1973" class="ax_default _默认样式">
          <div id="u1973_div" class=""></div>
          <div id="u1973_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1974" class="ax_default _默认样式">
          <div id="u1974_div" class=""></div>
          <div id="u1974_text" class="text ">
            <p><span>99+</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u1975" class="ax_default" data-left="915" data-top="536" data-width="57" data-height="59">

        <!-- Unnamed (Rectangle) -->
        <div id="u1976" class="ax_default _默认样式">
          <div id="u1976_div" class=""></div>
          <div id="u1976_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1977" class="ax_default _默认样式">
          <div id="u1977_div" class=""></div>
          <div id="u1977_text" class="text ">
            <p><span>5</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u1978" class="ax_default" data-left="1000" data-top="545" data-width="36" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u1979" class="ax_default _默认样式">
          <div id="u1979_div" class=""></div>
          <div id="u1979_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1980" class="ax_default _默认样式">
          <div id="u1980_div" class=""></div>
          <div id="u1980_text" class="text ">
            <p><span>N</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1981" class="ax_default _默认样式">
        <div id="u1981_div" class=""></div>
        <div id="u1981_text" class="text ">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1982" class="ax_default _默认样式">
        <div id="u1982_div" class=""></div>
        <div id="u1982_text" class="text ">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1983" class="ax_default _默认样式">
        <div id="u1983_div" class=""></div>
        <div id="u1983_text" class="text ">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1984" class="ax_default _默认样式">
        <div id="u1984_div" class=""></div>
        <div id="u1984_text" class="text ">
          <p><span>USER</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1985" class="ax_default _默认样式">
        <div id="u1985_div" class=""></div>
        <div id="u1985_text" class="text ">
          <p><span>USER</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1986" class="ax_default _默认样式">
        <div id="u1986_div" class=""></div>
        <div id="u1986_text" class="text ">
          <p><span>U</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
